@import "./variables.less";
@import "./util.less";
@import "~view-ui-plus/dist/styles/viewuiplus.css";
@font-face {
  font-family: Ionicons;
  src: url(chrome-extension://__MSG_@@extension_id__/fonts/ionicons.143146fa.woff2)
      format("woff2"),
    url(chrome-extension://__MSG_@@extension_id__/fonts/ionicons.99ac3308.woff)
      format("woff"),
    url(chrome-extension://__MSG_@@extension_id__/fonts/ionicons.d535a25a.ttf)
      format("truetype"),
    url(chrome-extension://__MSG_@@extension_id__/img/ionicons.a2c4a261.svg#Ionicons)
      format("svg");
  font-weight: 400;
  font-style: normal;
}
html {
  box-sizing: border-box;
  height: 100%;
  // min-height: 720px;
  // 兼容最小宽度1280
  min-width: 1280px;
  overflow: auto;
}

body {
  height: 100%;
  min-height: 100%;
  margin: 0;
  overflow-x: hidden;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
}
* {
  box-sizing: border-box;
}
#app {
  height: 100%;
}

// 滚动条样式
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #fff;
}

// /定义滚动条轨道 内阴影+圆角/
::-webkit-scrollbar-track {
  /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
  border-radius: 10px;
  background-color: #fff;
}

// /定义滑块 内阴影+圆角/
::-webkit-scrollbar-thumb {
  border-radius: 10px;

  /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); */
  background-color: #ccc;
}

//
.float-right {
  float: right;
}
.bg-main {
  background-color: @mainbackground;
}
// 背景颜色
.bg-success {
  background: @successcolor;
}

.bg-danger {
  color: @dangercolor;
}

// 字体颜色
.color-danger {
  color: @dangercolor;
}

.color-main {
  color: @maincolor;
}

.color-success {
  color: @successcolor;
}

.color-warning {
  color: @warningcolor;
}
.no-click {
  color: #ccc;
  cursor: not-allowed !important;
  &:hover,
  &.on {
    .tip,
    .icon-run,
    .icon-baocun,
    .icon-zhongzhi {
      color: #ccc !important;
    }
  }
  .publishIcon {
    background-color: rgba(204, 204, 204, 0.4) !important;
    color: #ccc !important;
  }
}
// 带搜索框与新建按钮的数据列表通用布局
.list {
  .action {
    margin-bottom: 10px;

    align-items: center;

    justify-content: space-between;

    .input {
      width: 166px;
    }
  }

  .list-table {
    max-height: 60vh;
    // overflow-y: auto;
  }
}

.font-base-size {
  font-size: 14px;
}

.flex {
  display: flex;
}
.flex-reverse {
  flex-direction: row-reverse;
}
.align-items-center {
  align-items: center;
}

.justify-content-between {
  justify-content: space-between;
}
.felx1 {
  flex: 1;
}
